@import '~stylePath/_var.scss';
@import '~stylePath/_utils.scss';

// pc打开的提示页面
.rules-page{
	position: relative;
    width: 100%;
    height: 100%;
	
	.header{
		width: 100%;
		height: 6.5rem;
	};
	.main{		
		width: 100%;
		margin: 0.59rem 0 0 0;
		padding: 0 0 0.32rem 0;
		background-image: url('~imgPath/wrap-back.png');
		background-repeat: no-repeat;
		background-size: 100% 100%;
		
		.rules-title{
			position: relative;
    		display: block;
			width: 100%;
			height: 1.32rem;

			.rules-title-back{
				position: absolute;
				top: -0.59rem;
				left: 0;
				width: 100%;
			};
		};
		.rules-contest-wrap{
			position: relative;
			display: block;
			width: 100%;
			
			.click-slide{
				position: absolute;
				top: -0.2rem;
				left: 50%;
				transform: translateX(-50%);
				display: flex;
				flex-direction: row;
				width: 80%;
				height: 1rem;

				.left{
					flex: 1;
				};
				.right{
					flex: 1;
				};
			};		
			.click-area{
				position: absolute;
			    top: 42%;
			    right: 0;
			    display: none;
			    width: 50%;
			    height: 30%;
			};	
			.click-area.active{
				display: block;
			};
		};
		.rules-contest{
			display: block;
			width: 100%;
			height: 0;
		};
		.rules-contest.active{
			height: auto;
		};
		.rules-bottom{
			position: relative;
    		z-index: 2;
			display: block;
			width: 100%;
			margin: -0.71rem 0 0 0;
		};
	};
	.bottom{
		width: 100%;
		height: 0.93rem;
	};
};
